/**
 * 自定义组件，通过 Component() 注册
 *    组件的 json 中，会标记为组件
 */
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    // 当前激活的下标
    "currentIndex": 0,
    "list": [
      {
        "iconPath": "/assets/aaaa_icon.png",
        "selectedIconPath": "/assets/aaaa_icon_active.png",
        "pagePath": "/pages/home/index",
        "text": "首页"
      },
      {
        "iconPath": "/assets/bbbb_icon.png",
        "selectedIconPath": "/assets/bbbb_icon_active.png",
        "pagePath": "/pages/about/index",
        "text": "关于"
      }
    ]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 事件处理函数
    handletap(e) {
      console.log('handletap', e)
      // 获取点击的元素下标
      const {id} = e.currentTarget.dataset
      // 根据 id 获取 list 中对应项目的 pagePath
      const path = this.data.list[id].pagePath
      // 修改 currentIndex
      this.setData({ currentIndex: id })
      /**
       * 当前 首页与关于页，属于 tabbar 页面，不能使用 navigateTo 来跳转，使用 switchTab 来切换 tabbar 页面
       */
      wx.switchTab({
        url: path,
        success: () => {
          console.log('跳转成功')
        },
        fail: (error) => {
          console.log('跳转失败', error)
        }
      })
    }
  }
})
